<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name=”renderer” content=”webkit”>
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
<meta name="format-detection" content="telephone=no" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
<title>东明家居集团-活动分析管理系统</title>
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/iview.css">
<link rel="stylesheet" href="css/style.css">
    <script src="js/jquery-1.11.1.min.js" type="text/javascript"></script>
    <link href="js/toastr/toastr.css" rel="stylesheet">
</head>
<body>
<div class="container-fluid" id="app">
     <!-- breadcrumb -->
      <template class="page-header">
          <breadcrumb class="pull-left">
              <breadcrumb-item to="welcome.html" >首页</breadcrumb-item>
              <breadcrumb-item>出库管理</breadcrumb-item>
          </breadcrumb>
      </template>
      <!-- 搜索条件 -->
      <div class="table-margin">
          <row>
              <i-col span="3" class-name="mr10" id="StoreIsOrNot">
                  <i-select placeholder="请选择店面" v-model="QStore">
                      <i-option value="">全部</i-option>
                      <i-option value="东二环店">东二环店</i-option>
                      <i-option value="建华店">建华店</i-option>
                      <i-option value="金利来店">金利来店</i-option>
                      <i-option value="北杜店">北杜店</i-option>
                      <i-option value="北二环店">北二环店</i-option>
                      <i-option value="西二环店">西二环店</i-option>
                  </i-select>
              </i-col>
              <i-col span="3" class-name="mr10">
                      <i-select placeholder="请选择出库类型" v-model="DocType">
                          <i-option value="">全部</i-option>
                          <i-option value="1">赠品出库</i-option>
                          <i-option value="2">赠品退货</i-option>
                          <i-option value="3">调拨出库</i-option>
                          <i-option value="4">采购退货</i-option>
                      </i-select> 
              </i-col>             
              <i-col span="3" class-name="mr10">
                    <i-input placeholder="请输入产品编号或名称" v-model="ProductNameOrNo"></i-input>
              </i-col>                                                        
              <i-button type="primary" class="mr10" @click="querytable">搜索</i-button>
              <i-button type="primary" class="mr10" @click="openModel1" id="CKIsOrNot">出库</i-button>
          </row>            
      </div>
      <!-- 搜索结果 -->
      <div class="table-margin">
          <i-table :columns="columns1" :data="data1" algin="center" class="table_style"></i-table>
          <Page :total="ckTotal" :current="ckCurrent" :page-size="ckPageSize"  :show-total="true" @on-change="ckbeforequerytable" :transfer="true"></Page>
      </div>
     <!-- 出库弹框 -->
     <modal v-model="modal1" title="出库" @on-ok="saveOutInfo" @on-cancel="cancel" width='600'>
                <i-form :model="formItem" label-position="right" :label-width="80">
                        <row>
                            <i-col span="16" offset="1">
                                <Form-item label="出库编号：" >
                                      <i-input v-model="formItem.OutNo" disabled></i-input>
                                </Form-item>
                            </i-col>
                            <i-col span="16" offset="1">
                                <Form-item label="经手人：" >
                                      <i-input v-model="formItem.InputMan" disabled></i-input>
                                </Form-item>
                            </i-col>
                            <i-col span="16" offset="1">
                                <Form-item label="出库类型：" >
                                      <i-select v-model="formItem.DocType" @on-change="changeSaveCkDiv">
                                          <i-option value="1">赠品出库</i-option>
                                          <i-option value="2">赠品退货</i-option>
                                          <i-option value="3">调拨出库</i-option>
                                          <i-option value="4">采购退货</i-option>
                                      </i-select> 
                                </Form-item>
                            </i-col>
                            <i-col span="16" offset="1">
                                <Form-item label="产品：" >
                                    <i-input v-model="formItem.ProductName" placeholder="请选择产品" @click.native="openrkmodel"></i-input>
                                </Form-item>
                            </i-col>
                            <!-- 选择产品弹框 开始-->
                            <modal v-model="rkmodel" title="库存明细" @on-ok="ok" @on-cancel="cancel" width='1100' :transfer="false">
                                <i-form :model="queryForm">
                                    <i-col span="3" class-name="mr10">
                                        <i-select v-model="queryForm.DealerNo" placeholder="经销商" filterable>
                                            <i-option v-for="item in Dealers" :value="item.DealerNo" :key="item.Name">{{ item.Name }}</i-option>
                                        </i-select>
                                    </i-col>
                                    <i-col span="3" class-name="mr10">
                                        <i-input v-model="queryForm.ProductName" placeholder="产品" ></i-input>
                                    </i-col>
                                    <i-col span="3" class-name="mr10">
                                        <i-input v-model="queryForm.InNo" placeholder="入库单号" ></i-input>
                                    </i-col>
                                    <i-col span="3" class-name="mr10">
                                        <i-select v-model="queryForm.WarehouseNo" placeholder="仓库">
                                            <i-option v-for="item in wareHouses" :value="item.WarehouseNo" :key="item.Name">{{ item.Name }}</i-option>
                                        </i-select>
                                    </i-col>
                                    <i-col span="3" class-name="mr10">
                                        <i-select placeholder="入库类型" v-model="queryForm.Type">
                                            <i-option value="0">采购入库</i-option>
                                            <i-option value="1">调拨入库</i-option>
                                        </i-select>
                                    </i-col>
                                </i-form>
                                <i-button type="primary" class="mr10" @click="queryIn">搜索</i-button>
                                <i-table :columns="rkcolumns" :data="rkdata" algin="center" class="table_style" @on-row-click="RowClic" style="margin-top: 15px;"></i-table>
                                <Page :total="rkTotal" :current="rkCurrent" :page-size="rkPageSize"  :show-total="true" @on-change="rkbeforequerytable" :transfer="true"></Page>
                            </modal>
                            <!-- 选择产品弹框结束 -->
                            <i-col span="16" offset="1">
                                <Form-item label="出库数量：" >
                                    <input-number :min="1" v-model="formItem.OutNumber" style="width:100%"></input-number>
                                </Form-item>
                            </i-col>
                            <i-col span="16" offset="1">
                                <Form-item label="出库仓库：" >
                                    <i-input v-model="formItem.WarehouseName" placeholder="请选择仓库" disabled></i-input>
                                </Form-item>
                            </i-col>
                            <!--不同出库类型下需要填写信息不同Start-->
                            <!--赠品出库-->
                            <div id="TypeOne" style="display: none">
                                <i-col span="16" offset="1">
                                    <Form-item label="销售票号：" >
                                        <i-input v-model="formItem.ZPUserDocNo" placeholder="请输入顾客销售票号"></i-input>
                                    </Form-item>
                                </i-col>
                                <i-col span="16" offset="1">
                                    <Form-item label="顾客：" >
                                        <i-input v-model="formItem.ZPOutUser" placeholder="请输入顾客名称"></i-input>
                                    </Form-item>
                                </i-col>
                                <i-col span="16" offset="1">
                                    <Form-item label="展位编号：" >
                                        <i-input v-model="formItem.ZPZwNo" placeholder="请输入展位编号"></i-input>
                                    </Form-item>
                                </i-col>
                            </div>
                            <!--赠品退货-->
                            <div id="TypeTwo" style="display: none">
                                <i-col span="16" offset="1">
                                    <Form-item label="销售票号：" >
                                        <i-input v-model="formItem.ZPTHUserDocNo" placeholder="请输入顾客销售票号"></i-input>
                                    </Form-item>
                                </i-col>
                                <i-col span="16" offset="1">
                                    <Form-item label="顾客：" >
                                        <i-input v-model="formItem.ZPTHOutUser" placeholder="请输入顾客名称"></i-input>
                                    </Form-item>
                                </i-col>
                                <i-col span="16" offset="1">
                                    <Form-item label="展位编号：" >
                                        <i-input v-model="formItem.ZPTHZwNo" placeholder="请输入展位编号"></i-input>
                                    </Form-item>
                                </i-col>
                            </div>
                            <!--调拨出库-->
                            <div id="TypeThree" style="display: none">
                                <i-col span="16" offset="1">
                                    <Form-item label="调拨店面：" >
                                        <i-select v-model="formItem.DBOutUser">
                                            <i-option value="东二环店">东二环店</i-option>
                                            <i-option value="建华店">建华店</i-option>
                                            <i-option value="金利来店">金利来店</i-option>
                                            <i-option value="北杜店店">北杜店</i-option>
                                            <i-option value="北二环店">北二环店</i-option>
                                            <i-option value="西二环店">西二环店</i-option>
                                        </i-select>
                                    </Form-item>
                                </i-col>
                            </div>
                            <!--采购退货-->
                            <div id="TypeFour" style="display: none">
                                <i-col span="16" offset="1">
                                    <Form-item label="经销商：" >
                                        <i-input v-model="formItem.CGOutUserName" placeholder="请输入经销商名称" disabled></i-input>
                                    </Form-item>
                                </i-col>
                            </div>
                            <!--不同出库类型下需要填写信息不同End-->
                            <!--<i-col span="16" offset="1" v-if="level1">
                                <Form-item label="调拨店面：" >
                                      <i-select v-model="formItem.OutUser">
                                          <i-option value="东二环店">东二环店</i-option>
                                          <i-option value="建华店">建华店</i-option>
                                          <i-option value="金利来店">金利来店</i-option>
                                          <i-option value="北杜店店">北杜店</i-option>
                                          <i-option value="北二环店">北二环店</i-option>
                                          <i-option value="西二环店">西二环店</i-option>
                                      </i-select> 
                                </Form-item>
                            </i-col>
                            <i-col span="16" offset="1">
                                <Form-item label="销售票号：" >
                                      <i-input v-model="formItem.UserDocNo" placeholder="请输入顾客销售票号"></i-input>
                                </Form-item>
                            </i-col>
                            <i-col span="16" offset="1">
                                <Form-item label="展位编号：" >
                                    <i-input v-model="formItem.ZwNo" placeholder="请输入展位编号"></i-input>
                                </Form-item>
                            </i-col>-->
                    </row>
              </i-form>
       </modal>

</div>
</body>
<script src="js/vue.js"></script>
<script src="js/iview.min.js"></script>
<script src="js/toastr/toastr.min.js"></script>
<script src="js/outbound/outbound.js"></script>
</html>

  

  

  

  

  
